<template>
    <view class="total-info">
        <text>合计：</text>
        <text class="total-info__ml5">{{$fnumber(data.jian,0,0)}}</text> <text class="whole">整</text>
        <text class="total-info__ml5">{{$fnumber(data.bulk,0,0)}}</text> <text class="whole">散</text>
        <text class="total-info__ml20">{{$fnumber(data.weight)}}</text>kg
   
    </view> 
</template>

<script setup lang="ts">
/**
 * @author:  wyr
 * @description 【H5组件】合计组件
 * @param { object} data - 对象
 */
 const props = defineProps({
    data:{ type:Object, default:()=>{}}, 
})

</script>

<style lang="scss" scoped>
.total-info{
    height: 40rpxpx;
    font-size: 28rpx;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: $uni-color-title;
    line-height: 40rpx;

    &__ml20{
        margin-left: 40rpx
    }
    &__ml5{
        margin-left: 20rpx
    }
    .whole{
        font-style: normal;
        display: inline-block;
        background: $uni-border-color;
        color: $uni-color-subtitle;
        border-radius: 4rpx;
        padding: 2rpx 4rpx;
        margin-left: 18rpx;
    }
}
</style>
